<template>
  <div>
    <Yphead />
    <div class="header">
      <ul class="top">
        <li>
          <router-link to="/jinrimiaosha" active-class="s"
            ><span>今日秒杀</span></router-link
          >
        </li>
        <li>
          <router-link to="/mingriyugao" active-class="s"
            ><span>明日预告</span></router-link
          >
        </li>
      </ul>
    </div>
    
    <router-view> </router-view>
    <Ypfooter />
  </div>
</template>

<script>
import Ypfooter from "./components/ypfooter";
import Yphead from "./components/yphead.vue";


export default {
  data() {
    return {};
  },
  components: {
    Ypfooter,
    Yphead,
  },
};
</script>

<style scoped>
.header {
  width: 100%;
  background-color: #ff333a;
  padding-top: 0.6rem;
  text-align: center;
}
.top {
  width: 2.18rem;
  height: 0.33rem;
  margin: auto;
  display: flex;
}
.top li {
  width: 1.07rem;
  height: 0.33rem;
  background-color: #ff645d;
  border-radius: 0.1rem;
  line-height: 0.33rem;
}
li span {
  color: white;
}
.s {
  background-color: white;
  border-radius: 0.1rem;
}
.s span {
  color: black;
}
</style>